<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="cn.zju.pojo.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>李志伟-搜索引擎-知乎</title>
<link href="../css/metro.css" rel="stylesheet">
<link href="../css/metro-icons.css" rel="stylesheet">
<link href="../css/metro-responsive.css" rel="stylesheet">
<link href="../css/metro-schemes.css" rel="stylesheet">
<script src="../js/jquery-2.1.3.min.js"></script>
<script src="../js/metro.js"></script>

</head>
<body>
	<div class="example" data-text="李志伟"
		style="width: 600px; height: 90px; border-color: transparent;">
		<label><a href='/SearchEngine/SearchEngine/index'>即刻输入
				即刻知乎</a></label>
		<form action="/SearchEngine/SearchEngine/search" method="POST">
			<div class="input-control text full-size" data-role="input">
				<input type="text" name="search" value="${search}">
				<button class="button" type="submit">
					<span class="mif-search"></span>
				</button>
			</div>
		</form>
	</div>

	<div class="example" data-text="搜索结果">
		<div class="grid">

			<c:forEach var="pages" items="${pages}">
				<div class="row cells2">
					<div class="cell">
						<div class="window">
							<div class="window-caption bg-cyan fg-white">
								<span class="window-caption-title"><a href="${pages.url}"
									target="_Blank"><font color="white">${pages.title}</a>
									<div style="text-align: right;">获得票数：${pages.vote}</div> </font></span>
							</div>
							<div class="window-content bg-dark fg-white"
								style="height: 115px; overflow: hidden; text-overflow: ellipsis;">${pages.content}</div>
						</div>
					</div>
				</div>
			</c:forEach>

		</div>
	</div>


	<div class="example" data-text="相关推荐">

		<div class="margin6" style="display: inline;">
			<c:forEach var="relate" items="${relate}">
				<form action="/SearchEngine/SearchEngine/search" method="POST">
					<button class="command-button icon-right warning" type="submit"
						name="search" value="${relate.one}">${relate.one}</button>
				</form>
				<form action="/SearchEngine/SearchEngine/search" method="POST">
					<button class="command-button icon-right warning" type="submit"
						name="search" value="${relate.two}">${relate.two}</button>
				</form>
				<form action="/SearchEngine/SearchEngine/search" method="POST">
					<button class="command-button icon-right warning" type="submit"
						name="search" value="${relate.three}">${relate.three}</button>
				</form>
			</c:forEach>

		</div>
	</div>
</body>
</html>